<style type="text/css" media="all">
	.quote {
		position: relative;
		width: 280px;
		padding: 5px;
		background: rgba(197, 206, 207, 0.24);
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		margin-top: 10px;
		border: 1px solid rgba(197, 206, 207, 0.44);
	}

	.referTitle {
		background-color: #FFFF8B;
	}
    div.ref {
	border: 1px solid #ddd;
	margin: 0 0 10px 0;
	padding: 2px;
	font-size: 9pt;
	background: #FFFEC8;
    }
	div.ref h4 {
		margin: 0;
		padding: 1px 3px;
		background: #CC9966;
		color: #fff;
		font-size: 10pt;
	}

	div.ref p {
	margin: 0;
	padding: 2px;
	line-height: 20px;
	color: #666;
	font-size: 9pt;
	}

	div.ref p img {
	display: none;
	width: 0;
	height: 0;
	}

</style>

<script id="commentListTemplate" type="text/x-jquery-tmpl">
<div class="tweetList" data-commentAuthorId="<%=commentAuthorId%>" data-commentId="<%=id%>">
	<div class="tweetListImg">
		<img src=<%=commentPortrait%>
		onerror="javascript:this.src='../base/img/widget_dface.ing';"></div>
	<div class="tweetContent">
		<div>
			<span class="tweetListissuer"><%=commentAuthor%></span>
		</div>
		
		<div class="tweetListTit h5"><%=content%>
		<%
			if(typeof replies !== "undefined")  {
				if(replies){
_.each(replies, function(replie) { 
				%>

			<div class="quote">
				<div class="referContent"><%=replie.rauthor%>(<%=moment(replie.rpubDate, "YYYY-MM-DD HH:mm:ss").fromNow()%>) :<%=replie.rcontent%></div>
			</div>		
				
		<% });} }%></div>	
		<div class="tweetListInfo h6">
		<%
				var clientOrigin;
				if(client_type == 1)
					clientOrigin = 'WEB';
				else if(client_type == 2)
					clientOrigin = 'WAP';
				else if(client_type == 3)
					clientOrigin = 'Android';
				else if(client_type == 4)
					clientOrigin = 'IOS';
				else if(client_type == 5)
					clientOrigin = 'WP';

			%>
			<% if(clientOrigin != undefined) {%>
			<div>来自:<%=clientOrigin%></div>
			<%}%>
			<div><%=moment(pubDate, "YYYY-MM-DD HH:mm:ss").fromNow()%></div>
		</div>
	</div>
</div>

</script>

<!-- header -->
<header class="bar-title">
	<div class="left-banner">
		<span class="homeBtn icon-home imgsize"></span>
	</div>
	<h1 class="title">网友评论</h1>
	<div class="right-banner">
		<span class="refreshBtn icon-repeat imgsize"></span>
	</div>

</header>

<!-- uncomment this if you want a sencondary-bars

<nav class="bar-standard bar-header-secondary"></nav>
-->
<!-- content -->

<div class="content">
<list id="comment-list" 
    autoLoad="false"
    isPullDownRefresh="true"  
    jsonRoot="commentList"
    bundle="fs"
    paging="true"
    iScroll="true"
    _itemTemplate="commentListTemplate"></list>
</div>

<script id="footerTemplate" type="text/x-underscore-template">
<footer class="footer-menu-detail" data-value=<%=url%> data-id=<%=id%> data-active = <%=activeIndex%>></footer>
</script>